//获取文本宽度
function textWidth(text) {
    text = $.trim(text);
    var sensor = $('<pre>' + text + '</pre>').css({display: 'none'});
    $('body').append(sensor);
    var width = sensor.outerWidth();
    sensor.remove();
    return width;
}


//input 宽度设置----设置可见input 元素的宽------有内容时为刚好为内容的宽度，无内容时为最小宽度；
function setInputWidth(el$, w) {
    if (!el$.val()) {
        el$.css({width: '100%'});
    } else {
        el$.css({width: w});
    }

}

//textarea 宽高设置----总是为父元素的宽高；
function setTextareaSize(el$, parentElHeight) {
        el$.css({
            width: '99%',
            'min-height': parentElHeight,
        })
}


//设置可见input 元素的宽，textarea的高；
function visibleInput() {

    var items = $(".p-tab-item");
    $("input:not(.input-line)", items).each(function (item, index) {
        var curInput = $(this);
        setInputWidth(curInput, textWidth(curInput.val()))
    });

    $('textarea', items).each(function (item, index) {
        var curTextarea = $(this);
        setTextareaSize(curTextarea, curTextarea.parent('td').outerHeight())
    });


}


////设置不可见input 元素的宽，textarea的高；
function hiddenInput() {
    var items = $('.p-tab-item:hidden');
    var _addCss = {
        visibility: 'hidden',
        'position': 'absolute',
        'z-index': 0,
        display: 'block',
        top: -9999,
        left: -99999
    };
    var _removeCss = {visibility: '', 'position': '', 'z-index': '', display: 'none', top: '', left: ''};

    items.css(_addCss);

    $('input:not(.input-line)', items).each(function (item, index) {
        var curInput = $(this);
        setInputWidth(curInput, textWidth(curInput.val()))
    });

    $('textarea', items).each(function (item, index) {
        var curTextarea = $(this);
        setTextareaSize(curTextarea, curTextarea.parent('td').outerHeight())
    });

    items.css(_removeCss);
}


$(function () {
    visibleInput();
    hiddenInput();
    //tab--------------------------------------
    $(document).on('click', '.p-tab-h li', function (e) {
        e.preventDefault();
        var curClass = 'cur';
        var li$ = $(this).closest('li');
        var index = li$.index();
        li$.addClass(curClass).siblings().removeClass(curClass);
        li$.closest('.p-tab').find('.p-tab-c .p-tab-item').eq(index).show().siblings(':visible').hide();
        li$.trigger("changetab");
    });


    //test=========================================================
    //切换表格页面
    var curFile = $(".select-types select").val();
    $(".select-types select").on("change", function (e) {
        e.preventDefault();
        var href = $.trim($(this).val());
        if (href === '#') {
            alert("文件仍在生产中！请耐心等待。");

            return false;
        } else {
            var newUrl = location.href.replace(curFile, '') + href;
            console.log(newUrl, curFile);
            location.href = newUrl;
        }
    });


    //显示宽为自动
    $('table:not(.table-inner)').css({width: 'auto'});


//新添加一行；
    $(".btn-add-row").on("click", function () {
        var tr = $(this).parents('tr').prev();
        tr.after(tr.clone(true));
    })


});
